<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>方案详情</title>
    <!-- 引入初始化css文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式的css文件 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入页面的css文件 -->
    <link rel="stylesheet" href="./css/programme_details.css">
</head>

<body>
    <!-- 顶部模块 -->
    <div class="container header-top">
        <header class="header">
            <div class="header_left">
                <h1>
                    <a href="#">
                        资海网络集团
                    </a>
                </h1>
                <i></i>
                <div class="stock_code">
                    <span>股票代码</span>
                    <span>870835</span>
                </div>
            </div>
            <a href="nav.html" class="header_right"></a>
        </header>
    </div>

    <!-- 侧边栏模块 -->
    <div class="container">
        <aside>
            <a href="#">
                <img src="./images/aside_call.png" alt="">
            </a>
            <a href="#">
                <img src="./images/aside_top.png" alt="">
            </a>
        </aside>
    </div>

    <!-- 网站建设解决方案模块 -->
    <div class="solution">
        <div class="solution-hd">
            <h3>网站建设解决方案</h3>
            <span>•PC平台开发移动•平台开放•前端开发•交互设计</span>
        </div>
        <div class="solution-bd container">
            <h3>资海网站建设解决方案</h3>
            <p class="container">适用于中小企业和个人网站，达到网站结构清晰明快的效果，树立企业形象。用于中小企业展示和宣传。为您量身定做属于您的网站产品。企业可以依托该平台在网上开展业务，可以实现产品展示，销售，在线支付一条龙服务；同时可以进行商户交流、客户信息管理、简单订单管理等，可以按企业的各种需求实现个性化。我们拥有多年网站开发设计的高端人才，为您量身定做属于您的高端站点。全方位展现您的企业优势。</p>
        </div>
    </div>

    <!-- 我们的服务模块 -->
    <div class="our_service">
        <div class="serv-hd">
            我们的服务
        </div>
        <div class="serv-bd container">
            <div class="bd-box">
                <h4>交互原型</h4>
                <p>页面交互与用户体验、UX交互</p>
            </div>
            <div class="bd-box">
                <h4>页面设计</h4>
                <p>根据客户需求进行网站页面设计</p>
            </div>
            <div class="bd-box">
                <h4>前端开发</h4>
                <p>前端页面交互效果实现</p>
            </div>
            <div class="bd-box">
                <h4>程序开发</h4>
                <p>后台程序数据使用开发</p>
            </div>
            <div class="bd-box">
                <h4>后期维护</h4>
                <p>网站维护与更新，跟踪回访</p>
            </div>
        </div>
    </div>

    <!-- 解决案例模块 -->
    <div class="solve_case">
        <div class="sc-hd">
            <h3>资海网站定制解决案例</h3>
        </div>
        <div class="sc-bd">
        </div>
    </div>

    <!-- 高端定制流程模块 -->
    <div class="high-end-custom">
        <div class="hec-hd">
            <a id="hight"></a>
            高端定制流程
        </div>
        <div class="hec-bd container">
            <div class="function-requir">
                <img src="images/programme_details_process.png" alt="">
            </div>
            <div class="making">
                <div class="web-making">网站原型制作</div>
                <div class="front-end-making">前端页面制作</div>
            </div>
        </div>
    </div>

    <!-- 更多案例模块 -->
    <div class="more-case">
        <div class="case-hd">
            <a id="more"></a>
            更多案例

        </div>
        <div class="case-bd container">
            <div>
                <img src="images/programme_details_case01.png" alt="">
                <h3>勇志印刷</h3>
                <span>出版、印刷</span>
            </div>
            <div>
                <img src="images/programme_details_case02.png" alt="">
                <h3>勇志印刷</h3>
                <span>出版、印刷</span>
            </div>
            <div>
                <img src="images/programme_details_case03.png" alt="">
                <h3>勇志印刷</h3>
                <span>出版、印刷</span>
            </div>
            <div>
                <img src="images/programme_details_case04.png" alt="">
                <h3>勇志印刷</h3>
                <span>出版、印刷</span>
            </div>
        </div>
        <div class="case-button">
            <div>进入案例库</div>
        </div>
    </div>

    <!-- 底部模块 -->
    <footer>
        <div class="container">
            <div class="footer_hd">
                <li>
                    <a href="zihai_dynamics.html">
                        资海产品
                    </a>
                </li>
                <li>
                    <a href="home.html#daili">
                        代理业务
                    </a>
                </li>
                <li>
                    <a href="company_profile.html">
                        资海品牌
                    </a>
                </li>
                <li>
                    <a href="contact_us.html">
                        联系我们
                    </a>
                </li>
            </div>
            <div class="copyright">
                123 ©copyright:2016-2017 www.bfnic.cn 版权所有<br> 鄂字备 23010402000047号
            </div>
        </div>
        </div>

    </footer>

    <!-- 底部导航栏模块 -->
    <div class="container footer-bot">
        <div class="footer_nav">
            <li>
                <a href="home.html" class="active">
                    <img src="./images/footer_icon01.png" alt="">
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="programme_details.html#hight">
                    <img src="./images/footer_icon02.png" alt="">
                    <span>高端定制</span>
                </a>
            </li>
            <li>
                <a href="programme_details.html">
                    <img src="./images/footer_icon03.png" alt="">
                    <span>解决方案</span>
                </a>
            </li>
            <li>
                <a href="company_environment.html">
                    <img src="./images/footer_icon04.png" alt="">
                    <span>关于资海</span>
                </a>
            </li>
        </div>
    </div>
</body>

</html>